<template>
  <div class="xtx-bread">
    <slot />
  </div>
</template>

<script>
export default {
name:'XtxBread'
}
</script>

<style lang="less">
@import '~@/assets/styles/variables.less';
   .xtx-bread{
       padding: 25px 10px;
       display: flex;
       .xtx-bread-item{
           a{
               color: #666;
               &:hover{
                   color:@xtxColor
               }
           }
       }
       i{
           font-size: 12px;
           margin-left: 5px;
           margin-right: 5px;
           line-height: 22px;
           &:last-of-type{
           display: none;
           }
       }
   } 
</style>